<!doctype html>
<html  class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>后台登录-X-admin2.2</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/login.css">
	  <link rel="stylesheet" href="./css/xadmin.css">
    <script src="./lib/layui/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/messages_zh.js"></script>
    <style>
        label.error{
            margin-left: 10px;
            color: red;
            font-size: small;
        }
        input.error {
            border: solid 1px red ;
        }
    </style>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>




      <style>
          label.error{
              margin-left: 10px;
              color: red;
              font-size: small;
          }
          input.error {
              border: solid 1px red ;
          }
      </style>

    <![endif]-->
</head>
<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message">MoMo-酒店管理注册</div>
        <div id="darkbannerwrap"></div>

        <form method="post" class="layui-form" action="/userRegister" id="login" >
            <input id="username" name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="注册" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
            <a href="login.html">登录</a>
        </form>
    </div>

    <script>
        //开机执行
        $(function() {
            //表单验证
            $("#login").validate({
                rules: {
                    username: {
                        // 开启true表格必须填写
                        required: true,
                        minlength: 5,
                        // //异步验证 开始
                        remote: {
                            url: "/userRegister",//发送请求的url地址
                            type: "post", //请求方式
                            contentType:"application/json",
                            dataType: "json",//接收的数据类型
                            data: {
                                username: function () {
                                    return $("#username").val();
                                }
                            },
                            dataFilter: function (data, type) { //过滤返回结果
                                if (data == "true")
                                    return true;  //true代表用户名还未存在
                                else
                                    return false; //false代表用户名已经存在
                            }
                        }
                        // //异步验证 结束
                    },
                    password: {
                        required: true
                    }
                },
                messages: {
                    username: {
                        required: "请输入用户名",
                        minlength: "用户名不能小于 5 个字母",
                        remote: "用户已存在"
                    },
                    password: {
                        required: "请输入密码"
                    }
                }
            });
        });
        </script>





        <!--<script>-->
        <!--$(function  () {-->
            <!--layui.use('form', function(){-->
              <!--var form = layui.form;-->
              <!--// layer.msg('玩命卖萌中', function(){-->
              <!--//   //关闭后的操作-->
              <!--//   });-->
              <!--//监听提交-->
              <!--form.on('submit(login)', function(data){-->
                <!--// alert(888)-->
                <!--layer.msg(JSON.stringify(data.field),function(){-->
                    <!--location.href='index.html'-->
                <!--});-->
                <!--return false;-->
              <!--});-->
            <!--});-->
        <!--})-->
    <!--</script>-->
    <!-- 底部结束 -->
    <script>
    //百度统计可去掉
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</body>
</html>